<?php $this->beginContent('//layouts/center_fixed'); ?>
<?php
$form = $this->beginWidget('CActiveForm', array(
            'id' => 'quickregister-form',
            'enableAjaxValidation' => false,
            'htmlOptions' => array(
                'class' => 'form'
            )
        ));
?>
<h1 class="align-center">Mobile Number Verification</h1>

<?php echo $form->errorSummary(array($user)); ?>
<p class="">
    To complete the activation of your account, we require you to also verify your mobile number using a One-Time Password (OTP).
</p>
<table id="mobileVerificationTable" class="table">
    <tbody>
        <tr>
            <td class="align-center"  style="vertical-align: top;"width="50%">
                <p>
                    <img src="/images/otp.png" />
                </p>

                <div>
                    <?php echo $form->textField($user, 'mobile', array('size' => 10)); ?>
                    <?php echo CHtml::submitButton('Send OTP to Mobile', array('class' => 'navy skin_colour inline no-margin', 'name' => 'SendOTP')); ?>
                </div>
            </td>
            <td style="vertical-align: top;">
                <div id="mobileVerificationBox">
                    <span>
                        Please follow the steps below: <br/>
                    </span>
                    <ol class="ordered-list">
                        <li>Click 'Send OTP to Mobile'.</li>
                        <li>An 8-digit PIN will be sent to your mobile as shown in the left.</li>
                        <li>Key in the One-Time Password (OTP) into the field given below.</li>
                    </ol>
                    <div class="align-center">
                        <label><strong>One-Time Password:</strong></label>
                        <p class="align-center">
                            <?php echo $form->textField($user, 'mobile_authtoken_verify', array('style' => 'width: 100%;')); ?>
                        </p>
                        <p class="align-center">
                            <?php echo CHtml::submitButton('Complete Registration', array('class' => 'medium green skin_colour inline no-margin')); ?>
                        </p>

                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>
<?php $this->endWidget(); ?>
<?php $this->endContent(); ?>